<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <title>管理员管理页面</title>

        <style> 
            html {
                height: 100%;
            }
            *{
                padding: 0;
                margin: 0;
                letter-spacing: .05em;
            }
            body {
                height: 100%;
            }
            .main{
            background-image: linear-gradient(to right,#5ee7df,#b490ca);
            height: 100%;
            }
            .form{
                width: 400px;
                height: 600px;
                padding: 0 50px;
                border-radius: 20px;
                position: relative;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                background-color: #fff; 
            }
            .form .header{
                text-align: center;
                line-height: 80px;
                font-size: 30px;
                color: rgb(67, 112, 150);
                font-weight: bold;
            }
            .form li{
                list-style-type:none;
            }
            .form .submit{
                background-image: linear-gradient(to left,#b490ca 0%, #84fab0 51%,#b490ca 100%);
                cursor: pointer;
                margin: 5px;
                padding: 8px;
                width: 100%;
                border-width: 1px;
                border-radius: 5px;
                color: #fff;
                text-align: center;    
            }
            .form li a{
                text-decoration: none;
                color: #fff;
                line-height: 80px;
            }

        </style>

    </head>
    <body>
        <div class="main">
            <div class="form">
                <div class="header">页面管理界面</div>
                    <div class="list">
                        <li class="submit"><a href="news_add.html">左上</a></li>
                        <br/>
                        <li class="submit"><a>右上</a></li>
                        <br/>
                        <li class="submit"><a>左下</a></li>
                        <br/>
                        <li class="submit"><a>右下</a></li>
                    </div>
            </div>
        </div>
    </body> 
</html>